import { memo, useEffect } from "react";
import { DetailWapper } from "./style";
import Picture from "./comp/picture";
import { useDispatch } from "react-redux";
import { setHeaderConfigAction } from "@/store/modules/main";

const Detail = memo(() => {
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch(setHeaderConfigAction({ isFixed: false, topAlpha: false }));
  }, [dispatch]);

  return (
    <DetailWapper>
      <Picture></Picture>
    </DetailWapper>
  );
});

export default Detail;
